*{
    margin: 0;
    padding: 0;
}
.box{
    width: 100%;
    height: 100vh;
    // background: skyblue;
}
.header{
    width: 100%;
    height: 75px;
    background: white;
    position: fixed; /* 固定定位 */  
    top: 0; /* 紧贴顶部 */  
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.5);
    display: flex;
    z-index: 1000;
}
.logo{
        margin-left: 30px;
        margin-top: 25px;
}
.navTab{
    width: 500px;
    height: 100%;
    margin-left: 60px;
    display: flex;
    div{
        width: 80px;
        height: 100%;
        text-align: center;
        line-height: 75px;
        font-size: 14px;
    }
    div:hover{
        color: #1a66fd;
        cursor: pointer;
    }
    .tabItem1{
        position: relative;
    }
    .tabItem2{
        position: relative;
    }
    .hot{
        position: absolute;
        top: -10;
        left: 285px;
        img{
            margin-top: 18px;
        }
    }
    .fenxian{
        width: 55px;
        height: 15px;
        position: absolute;
        top: 25;
        left: 335px;
        img{
            margin-top: 10px;
            width: 100%;
            height: 100%;
        }
    }
}
.seachbox{
    width: 350px;
    height: 48px;
    margin-top: 15px;
    margin-left: 200px;
    z-index: 1000;  
}
.login{
    width: 102px;
    height: 100%;
    line-height: 75px;
    margin-left: 90px;
}
.loginimg{
    width: 300px;
    height: 40px;
    position: fixed;
    top: 68px;
    right: 10px;
    animation: floatUpDown 2s infinite alternate; /* 无限次交替执行，每次2秒 */ 
    z-index: 1000;
    img{
        width: 300px;
        height: 40px;
        z-index: 1000;
    }
}
// ----------------- 帧动画设置img上下浮动
@keyframes floatUpDown {  
  0%, 100% {  
    transform: translateY(0);  
  }  
  50% {  
    transform: translateY(-10px); /* 向下移动20px */  
  }  
}  
// -----------------

.main{
   width: 100%;
   height: 100vh;
   display: flex;
   margin-top: 80px;
}
.left{
    width: 200px;
    height: 500px;
    background: yellow;
    position:fixed ; /* 固定定位 */  
    left: 0; /* 紧贴左边 */  
    top: 105px; /* 顶部对齐，可以根据需要调整 */  
}
.right{
    width: 100%;
    height: 100px;
    margin-left: 250px;
    margin-top: 20px;
}